<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <script src="js/echarts.min.js"></script>
  <script src="js/jquery-3.4.1.min.js"></script>
</head>

<body>
  <!-- <div id="main" style="width: 600px;height:400px;"></div> -->
  <table>
    <tbody id="J_TbData">
    </tbody>
  </table>
</body>
<script type="text/javascript">

  var symbolSize = 1;

  var data = [[
    [0.0, 13.4], [0.0, 14.559999], [0.0, 15.79], [0.0, 16.74], [0.01, 17.46], [0.01, 17.869999], [0.02, 18.43], [0.02, 19.119999], [0.03, 19.8], [0.04, 20.47], [0.049999997, 21.13], [0.06, 21.91], [0.08, 22.72], [0.089999996, 23.55], [0.099999994, 24.42], [0.11, 25.369999], [0.13, 26.359999], [0.14, 27.22], [0.16, 27.9], [0.17, 28.16], [0.19, 27.949999], [0.21, 27.68], [0.22, 27.58], [0.24, 27.849998], [0.26, 28.31], [0.28, 28.68], [0.29999998, 28.82], [0.32, 28.539999], [0.32999998, 28.42], [0.35, 28.359999], [0.37, 28.74], [0.39, 29.33], [0.41, 29.41], [0.44, 29.5], [0.45999998, 29.32], [0.48, 29.32], [0.5, 29.56], [0.52, 29.98], [0.55, 29.81], [0.57, 29.83], [0.59, 29.689999], [0.61, 29.699999], [0.63, 30.21], [0.65, 30.33], [0.68, 30.82], [0.7, 30.64], [0.71999997, 30.64], [0.74, 30.64], [0.77, 30.76], [0.78999996, 31.21], [0.81, 31.38], [0.83, 31.4], [0.85999995, 31.34], [0.88, 31.31], [0.9, 31.47], [0.91999996, 31.56], [0.95, 31.97], [0.96999997, 31.96], [0.98999995, 32.09], [1.01, 31.98], [1.03, 32.02], [1.05, 32.2], [1.0799999, 32.34], [1.1, 32.85], [1.12, 32.84], [1.14, 32.899998], [1.16, 32.85], [1.18, 32.85], [1.1999999, 33.16], [1.22, 33.45], [1.23, 33.63], [1.25, 33.68], [1.27, 33.579998], [1.29, 33.6], [1.31, 33.69], [1.3199999, 34.01], [1.3399999, 34.36], [1.35, 34.44], [1.37, 34.43], [1.38, 34.38], [1.4, 34.44], [1.41, 34.59], [1.43, 34.85], [1.4399999, 35.01], [1.4499999, 35.05], [1.4599999, 35.02], [1.4699999, 34.94], [1.49, 35.05], [1.5, 35.19], [1.51, 35.37], [1.51, 35.45], [1.52, 35.32], [1.53, 35.219997], [1.54, 35.12], [1.54, 35.19], [1.55, 35.239998], [1.55, 35.27], [1.56, 35.239998], [1.56, 35.079998], [1.56, 34.93], [1.5699999, 34.809998], [1.5699999, 34.73], [1.5699999, 34.52], [1.5699999, 33.989998], [1.5699999, 33.45], [1.5699999, 32.809998], [1.5699999, 32.16], [1.5699999, 31.539999], [1.5699999, 30.939999], [1.5699999, 30.57], [1.56, 30.24], [1.56, 29.779999], [1.55, 29.349998], [1.55, 28.93], [1.54, 28.599998], [1.54, 29.01], [1.53, 29.58], [1.52, 30.08], [1.52, 29.97], [1.51, 29.42], [1.5, 29.0], [1.49, 28.9], [1.48, 29.349998], [1.4699999, 29.82], [1.4599999, 29.91], [1.4499999, 29.63], [1.43, 28.949999], [1.42, 28.74], [1.41, 28.81], [1.39, 29.31], [1.38, 29.65], [1.36, 29.49], [1.35, 29.039999], [1.3299999, 28.51], [1.3199999, 28.369999], [1.3, 28.75], [1.28, 29.019999], [1.26, 29.119999], [1.25, 28.73], [1.23, 28.23], [1.2099999, 27.96], [1.1899999, 28.07], [1.17, 28.449999], [1.15, 28.56], [1.13, 28.279999], [1.11, 27.599998], [1.0799999, 26.939999], [1.06, 26.5], [1.04, 25.88], [1.02, 23.8], [0.98999995, 20.67], [0.96999997, 18.72], [0.95, 18.46], [0.91999996, 20.3], [0.89, 21.68], [0.87, 21.76], [0.84, 20.439999], [0.82, 18.42], [0.78999996, 17.529999], [0.77, 17.97], [0.74, 19.289999], [0.71, 20.21], [0.69, 19.74], [0.65999997, 18.49], [0.63, 16.89], [0.61, 16.51], [0.58, 17.19], [0.55, 18.07], [0.53, 18.51], [0.5, 17.8], [0.47, 16.49], [0.45, 15.45], [0.42, 15.259999], [0.39, 16.08], [0.35999998, 16.66], [0.34, 16.68], [0.31, 15.96], [0.29, 14.889999], [0.26, 14.34], [0.24, 14.46], [0.21, 15.08], [0.19, 15.37], [0.17, 15.12], [0.14999999, 14.389999], [0.13, 13.66], [0.12, 13.42], [0.099999994, 13.719999], [0.089999996, 14.219999], [0.07, 14.44], [0.06, 14.07], [0.049999997, 13.469999], [0.04, 12.969999], [0.03, 12.91], [0.02, 13.32], [0.02, 13.78], [0.01, 13.94], [0.01, 13.679999], [0.0, 13.19], [0.0, 13.12], [0.0, 13.59]
  ],
  [[0.0, 15.13], [0.0, 16.17], [0.0, 17.07], [0.01, 18.08], [0.01, 18.98], [0.02, 19.609999], [0.02, 20.369999], [0.03, 20.97], [0.04, 21.699999], [0.049999997, 22.359999], [0.06, 23.26], [0.07, 24.06], [0.08, 24.85], [0.099999994, 25.81], [0.11, 26.73], [0.13, 27.609999], [0.14, 28.14], [0.16, 28.369999], [0.17999999, 28.199999], [0.19999999, 27.99], [0.22, 27.99], [0.24, 28.21], [0.25, 28.599998], [0.28, 28.89], [0.29, 28.98], [0.32, 28.8], [0.34, 28.71], [0.35999998, 28.76], [0.39, 29.09], [0.41, 29.34], [0.42999998, 29.51], [0.45999998, 29.51], [0.48, 29.439999], [0.51, 29.609999], [0.53999996, 29.8], [0.56, 30.109999], [0.59, 29.91], [0.61, 29.859999], [0.64, 29.59], [0.66999996, 29.869999], [0.69, 30.31], [0.71999997, 30.48], [0.74, 30.73], [0.77, 30.56], [0.78999996, 30.49], [0.82, 30.57], [0.84999996, 30.8], [0.87, 31.26], [0.9, 31.31], [0.91999996, 31.31], [0.95, 31.349998], [0.96999997, 31.21], [1.0, 31.449999], [1.02, 31.57], [1.05, 31.81], [1.0699999, 31.949999], [1.1, 31.859999], [1.12, 32.03], [1.14, 31.89], [1.17, 32.1], [1.1899999, 32.35], [1.2099999, 32.559998], [1.23, 32.78], [1.26, 32.75], [1.28, 32.809998], [1.3, 32.809998], [1.3199999, 32.94], [1.3399999, 33.3], [1.36, 33.39], [1.38, 33.55], [1.4, 33.61], [1.42, 33.579998], [1.4399999, 33.77], [1.4599999, 33.75], [1.4699999, 34.079998], [1.49, 34.21], [1.51, 34.27], [1.52, 34.43], [1.54, 34.43], [1.55, 34.52], [1.56, 34.59], [1.5799999, 34.7], [1.5899999, 34.899998], [1.5999999, 34.91], [1.61, 34.969997], [1.62, 34.96], [1.63, 34.98], [1.64, 35.079998], [1.65, 35.13], [1.66, 35.25], [1.67, 35.219997], [1.68, 35.16], [1.68, 35.12], [1.6899999, 35.059998], [1.6899999, 35.1], [1.6899999, 35.13], [1.6999999, 35.149998], [1.6999999, 35.07], [1.6999999, 34.91], [1.6999999, 34.739998], [1.6999999, 34.55], [1.6999999, 34.079998], [1.6999999, 33.559998], [1.6999999, 32.95], [1.6999999, 32.26], [1.6999999, 31.619999], [1.6899999, 30.929998], [1.6899999, 30.57], [1.6899999, 30.119999], [1.68, 29.74], [1.68, 29.31], [1.67, 28.849998], [1.66, 28.41], [1.66, 28.84], [1.65, 29.4], [1.64, 29.939999], [1.63, 29.869999], [1.62, 29.3], [1.61, 28.789999], [1.5999999, 28.699999], [1.5899999, 29.13], [1.5799999, 29.63], [1.5699999, 29.88], [1.56, 29.59], [1.55, 29.019999], [1.53, 28.67], [1.52, 28.71], [1.5, 29.23], [1.49, 29.58], [1.4699999, 29.58], [1.4599999, 29.13], [1.4399999, 28.59], [1.42, 28.449999], [1.41, 28.57], [1.39, 28.939999], [1.37, 29.019999], [1.35, 28.68], [1.3299999, 28.05], [1.31, 27.359999], [1.29, 27.07], [1.27, 26.359999], [1.25, 24.49], [1.22, 21.65], [1.1999999, 19.939999], [1.18, 19.9], [1.16, 21.449999], [1.13, 22.59], [1.11, 22.82], [1.0799999, 21.609999], [1.06, 20.09], [1.03, 19.09], [1.01, 19.39], [0.97999996, 20.51], [0.95, 21.13], [0.91999996, 20.859999], [0.9, 19.75], [0.87, 18.48], [0.84, 18.07], [0.81, 18.32], [0.78999996, 19.15], [0.76, 19.41], [0.72999996, 18.98], [0.7, 17.98], [0.66999996, 16.949999], [0.64, 16.699999], [0.61, 17.0], [0.58, 17.51], [0.56, 17.63], [0.53, 17.02], [0.5, 16.26], [0.47, 15.589999], [0.45, 15.38], [0.42, 15.74], [0.39, 16.039999], [0.35999998, 15.96], [0.34, 15.559999], [0.31, 14.73], [0.29, 14.2699995], [0.26, 14.19], [0.24, 14.46], [0.22, 14.65], [0.19999999, 14.46], [0.17, 14.009999], [0.16, 13.59], [0.14, 13.139999], [0.12, 13.28], [0.099999994, 13.509999], [0.089999996, 13.65], [0.07, 13.49], [0.06, 13.099999], [0.049999997, 12.74], [0.04, 12.45], [0.03, 12.65], [0.02, 12.969999], [0.02, 13.219999], [0.01, 13.2], [0.01, 13.15], [0.0, 13.179999], [0.0, 13.929999], [0.0, 15.549999]],
  [[0.0, 14.45], [0.0, 15.19], [0.0, 16.369999], [0.01, 17.52], [0.01, 18.38], [0.02, 18.77], [0.02, 19.33], [0.03, 20.029999], [0.04, 20.68], [0.049999997, 21.26], [0.06, 21.939999], [0.07, 22.74], [0.089999996, 23.51], [0.099999994, 24.34], [0.11, 25.08], [0.13, 26.14], [0.14999999, 26.96], [0.16, 27.72], [0.17999999, 28.18], [0.19999999, 28.279999], [0.22, 28.24], [0.24, 28.0], [0.26, 28.14], [0.28, 28.22], [0.29999998, 28.619999], [0.32999998, 28.93], [0.35, 28.98], [0.37, 28.89], [0.39, 28.769999], [0.42, 28.83], [0.44, 29.099998], [0.45999998, 29.26], [0.48999998, 29.47], [0.51, 29.55], [0.53999996, 29.47], [0.56, 29.609999], [0.58, 29.769999], [0.61, 30.08], [0.64, 29.89], [0.65999997, 29.89], [0.69, 29.769999], [0.71, 29.849998], [0.74, 30.349998], [0.76, 30.51], [0.78999996, 30.619999], [0.81, 30.51], [0.84, 30.49], [0.85999995, 30.609999], [0.89, 30.82], [0.90999997, 31.14], [0.93, 31.279999], [0.96, 31.24], [0.97999996, 31.24], [1.01, 31.289999], [1.03, 31.5], [1.05, 31.63], [1.0799999, 31.76], [1.1, 31.8], [1.12, 31.81], [1.15, 31.91], [1.17, 32.0], [1.1899999, 32.219997], [1.22, 32.35], [1.24, 32.59], [1.26, 32.66], [1.28, 32.71], [1.3, 32.829998], [1.3199999, 32.87], [1.3399999, 33.04], [1.36, 33.239998], [1.38, 33.309998], [1.4, 33.48], [1.42, 33.55], [1.43, 33.649998], [1.4499999, 33.8], [1.4699999, 33.88], [1.48, 34.09], [1.5, 34.19], [1.51, 34.37], [1.53, 34.51], [1.54, 34.53], [1.56, 34.63], [1.5699999, 34.62], [1.5799999, 34.71], [1.5899999, 34.82], [1.5999999, 34.93], [1.61, 35.04], [1.62, 35.02], [1.63, 35.03], [1.64, 35.05], [1.64, 35.079998], [1.65, 35.18], [1.66, 35.149998], [1.66, 35.11], [1.67, 35.02], [1.67, 34.93], [1.68, 34.93], [1.68, 34.94], [1.68, 34.95], [1.68, 34.91], [1.68, 34.76], [1.68, 34.57], [1.68, 34.29], [1.68, 33.87], [1.68, 33.37], [1.68, 32.85], [1.68, 32.23], [1.67, 31.64], [1.67, 31.09], [1.67, 30.689999], [1.66, 30.3], [1.66, 29.91], [1.65, 29.48], [1.65, 29.019999], [1.64, 28.68], [1.63, 29.17], [1.62, 29.75], [1.61, 30.14], [1.5999999, 29.98], [1.5899999, 29.449999], [1.5799999, 29.0], [1.5699999, 28.99], [1.56, 29.449999], [1.55, 29.849998], [1.54, 30.01], [1.52, 29.65], [1.51, 29.119999], [1.49, 28.84], [1.48, 29.0], [1.4599999, 29.449999], [1.4499999, 29.699999], [1.43, 29.599998], [1.42, 29.189999], [1.4, 28.75], [1.38, 28.68], [1.36, 28.92], [1.35, 29.24], [1.3299999, 29.31], [1.31, 29.08], [1.29, 28.689999], [1.27, 28.38], [1.25, 28.529999], [1.22, 28.72], [1.1999999, 28.939999], [1.18, 28.849998], [1.16, 28.55], [1.13, 28.23], [1.11, 28.039999], [1.0799999, 28.189999], [1.06, 28.289999], [1.03, 28.289999], [1.01, 28.039999], [0.97999996, 27.539999], [0.96, 27.25], [0.93, 26.91], [0.9, 26.57], [0.88, 25.75], [0.84999996, 23.699999], [0.82, 20.779999], [0.79999995, 18.199999], [0.77, 17.38], [0.74, 18.779999], [0.71, 20.39], [0.68, 20.88], [0.65999997, 19.9], [0.63, 17.949999], [0.59999996, 16.789999], [0.57, 16.68], [0.53999996, 17.88], [0.52, 18.88], [0.48999998, 18.83], [0.45999998, 17.869999], [0.42999998, 16.32], [0.39999998, 15.7], [0.37, 15.94], [0.35, 16.869999], [0.32, 17.44], [0.29, 17.08], [0.26999998, 16.07], [0.24, 14.95], [0.22, 14.57], [0.19999999, 15.03], [0.17999999, 15.66], [0.16, 15.929999], [0.14, 15.5], [0.12, 14.62], [0.11, 13.9], [0.089999996, 13.86], [0.08, 14.45], [0.06, 15.0], [0.049999997, 15.03], [0.04, 14.61], [0.03, 13.9], [0.02, 13.5], [0.02, 13.65], [0.01, 14.23], [0.01, 14.73], [0.0, 14.83], [0.0, 14.57], [0.0, 13.99]]
  ];
  var html = "";

  for (var i = 0; i < data.length; i++) {
    id = "table" + i;
    if (i == 0) {
      html += "<tr>";
    }
    html += "<td>" + "<div id='" + id + "' style='width: 600px; height: 400px;'></div>" + "</td>";
    if (i == data.length) {
      html += "</tr>";
    }
  }
  $("#J_TbData").html(html);


  for (var i = 0; i < data.length; i++) {
    id = "table" + i;
    var myChart = echarts.init(document.getElementById(id));
    //console.log(i);
    // var txt1 = "<div id='" + id + "' style='width: 600px; height: 400px;'></div>";
    // $("body").append(txt1);
    //var myChart = echarts.init($("#main")[0]);
    myChart.setOption({
      tooltip: {
        triggerOn: 'item',
        formatter: function (params) {
          return 'X: ' + params.data[0].toFixed(2) + '<br>Y: ' + params.data[1].toFixed(2);
        }
      },
      xAxis: {
        min: 0,
        max: 2,
        type: 'value',
        axisLine: { onZero: false }
      },
      yAxis: {
        min: 0,
        max: 50,
        type: 'value',
        axisLine: { onZero: false }
      },
      series: [
        {
          itemStyle: {
            normal: {
              color: '#ff9c35', //折点颜色
              lineStyle: {
                color: '#ff9c35' //折线颜色
              }
            }
          },
          id: 'a',
          type: 'line',
          smooth: true,
          symbolSize: symbolSize,
          //showSymbol: false,
          data: data[i]
        }
      ],
    });

    myChart.setOption({
      graphic: echarts.util.map(data, function (item, dataIndex) {
        return {
          type: 'circle',
          position: myChart.convertToPixel('grid', item),
          shape: {
            r: symbolSize / 2
          },
          invisible: true,
          draggable: true,
          ondrag: echarts.util.curry(onPointDragging, dataIndex),
          onmousemove: echarts.util.curry(showTooltip, dataIndex),
          onmouseout: echarts.util.curry(hideTooltip, dataIndex),
          z: 100
        };
      })
    });

    window.addEventListener('resize', function () {
      myChart.setOption({
        graphic: echarts.util.map(data, function (item, dataIndex) {
          return {
            position: myChart.convertToPixel('grid', item)
          };
        })
      });
    });

    function showTooltip(dataIndex) {
      myChart.dispatchAction({
        type: 'showTip',
        seriesIndex: 0,
        dataIndex: dataIndex
      });
    }

    function hideTooltip(dataIndex) {
      myChart.dispatchAction({
        type: 'hideTip'
      });
    }

    function onPointDragging(dataIndex, dx, dy) {
      data[dataIndex] = myChart.convertFromPixel('grid', this.position);
      myChart.setOption({
        series: [{
          id: 'a',
          data: data[i]
        }]
      });
    }

  }



</script>

</html>